@phone-width:640px;
.gen-order{
    .file-upload-container{
        display: flex;
        justify-content: center;
        .begin-btn{
            margin-left: 20px;
        }
    }    
	min-height: 125%;
	.tpl-container{
		width: 100%;
		height: 100%;
		display: flex;
		flex-direction: row;
		.left{
			// flex: 1;
			width: calc(100% - @phone-width / 2);
			padding: 0 20px 0 0;
			.bottom-btn-groups{
				font-size: 14px;
				display: flex;
				align-items: center;
				.ipt-wrap{
					display: flex;
					align-items: center;
					margin-right: 10px;
					.ipt{
						width: 100px;
						margin-left: 10px;
					}
				}
			}
			.row-image{
				// display: flex;
				// align-items: center;
				&>img{
					margin-right: 10px;
				}
			}
			.err-log{
				margin-top: 20px;
				font-size: 12px;
				color: #666;
			}
		}
		.right{
			position: absolute;
			right: 10px;
			height: 100%;
			transform-origin: top right;
			&.scale{
				transform: scale(0.5);
			}
			// overflow: hidden;
			.phone{
				width: @phone-width;
				// width: 320px;
				// min-height:568px;
				min-height:1382px;
				// min-height:1443px;
				// background-color: red;
				
			}
			.mt-phone{
				background-color: #F6F6F6;
				font-size: 24px;
				padding-bottom: 120px;
				min-height: 1136px;
				.top{
					img{
						width: 100%;
					}
				}
				.box{
					border-radius: 20px;
					margin:10px 22px;
					// margin:10px 12px 10px 22px;
					padding: 18px 22px 16px;
					background-color: #FFF;
				}
				.lipei{
					display: flex;
					align-items: center;
					justify-content: space-between;
					padding-right: 15px;
					.lcontent{
						.h{
							font-size: 26px;
							font-weight: bold;
						}
					}
					.rcontent{
						width: 9px;
						height: 20px;
					}
					.icon{
						display: flex;
						img{
							width: 100%;
							height: 100%;
						}
					}
				}
				.mt-header{
					display: none;

					.icon-zhunshi{
						width: 20px;
						height: 22px;
						padding-top: 2px;
					}
					.icon-arrow{
						// width: 20px;
						// height: 24px;
						transform: scale(.7);
					}
					.icon{
						display: flex;
						img{
							width: 100%;
							height: 100%;
						}
					}
					&>div{
						line-height: 35px;
					}
					.txt1{
						color: #929292;
						font-size: 22px;
					}
					.txt2{
						color: #B7B7B7;
						font-size: 18px;
					}
					.txt3{
						display: flex;
						align-items: center;
						color: #343434;
						font-size: 22px;
						margin-bottom: 20px;
					}
					.diver{
						width: 100%;
						height: 1px;
						background-color: #f1f1f1;
					}
					.operations{
						display: flex;
						align-items: center;
						flex-wrap: wrap;
						.op-btn{
							display: flex;
							flex-direction: column;
							align-items: center;
							.icon-op-btn{
								width: 40px;
								height: 40px;
							}
						}
					}
					
				}
				.price-container{
					// text-align: right;
					// height:32.5px;
					// line-height: 32.5px;
					display: flex;
					justify-content: flex-end;
					align-items: center;
					.price{
						color: #FE4B35;
						font-size: 26px;
						// letter-spacing: -1px;
					}
					.price2{
						font-size: 30px;
						color: #333333;
					}
					.totalWrap{
						margin-left: 10px;
						
					}
					// &>div{
					// 	line-height: 28px;
					// }
				}
				.order-info{
					margin-top: 20px;
					.title{
						font-size: 30px;
						color: #242424;
						margin-bottom: 35px;
					}
					.row{
						display: flex;
						align-items: flex-start;
						justify-content: space-between;
						margin-bottom: 35px;
						.label{
							color: #999999;
						}
						.value{
							color: #333333;
							text-align: right;
							max-width: 400px;
    						word-break: break-all;
						}
						.address{
							max-width: 400px;
    						word-break: break-all;
						}
						.mt-price{
							font-weight: bold;
						}
					}
				}
			}
			.ele-phone{
				height: 100%;
				font-size: 22px;
				background-color: #F6F6F6;
				.top{
					img{
						width: 100%;
					}
				}
				.box{
					border-radius: 20px;
					margin:10px 24px 10px 20px;
					padding: 20px 20px 16px;
					background-color: #FFF;
				}
				.el-order-info{
					margin-top: 8px;
					.title{
						font-size: 29px;
						color: #1A1A1A;
						margin-bottom: 35px;
					}
					.row{
						display: flex;
						align-items: flex-start;
						justify-content: space-between;
						margin-bottom: 30px;
						.label{
							color: #191919;
						}
						.value{
							color: #3A3A3A;
							text-align: right;
							max-width: 400px;
    						word-break: break-all;
						}
						
						&:last-child{
							margin-bottom: 10px;
						}
					}
					
					.el-price{
						font-weight: bold;
					}
				}
			}
			.jd-phone{
				height: 100%;
				font-size: 22px;
				background-color: #F6F6F6;
				.top{
					img{
						width: 100%;
					}
				}
				.box{
					border-radius: 20px;
					margin:10px 24px 10px 20px;
					padding: 20px 20px 16px;
					background-color: #FFF;
				}
				.jd-order-info{
					margin-top: 8px;
					.title{
						font-size: 29px;
						color: #1A1A1A;
						margin-bottom: 35px;
					}
					.row{
						display: flex;
						align-items: flex-start;
						justify-content: space-between;
						margin-bottom: 30px;
						.label{
							color: #191919;
						}
						.value{
							color: #3A3A3A;
							text-align: right;
							max-width: 400px;
    						word-break: break-all;
						}
						
						&:last-child{
							margin-bottom: 10px;
						}
					}
					
					.jd-price{
						font-weight: bold;
					}
				}
			}
		}
	}
}
